<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link type="text/css" rel="stylesheet" href="../css/mui.css" />
		<link type="text/css" rel="stylesheet" href="../css/goodsdetail.css" />
		<link type="text/css" rel="stylesheet" href="../css/iconfont.css" />
		<script src="../js/mui.js"></script>
		<title></title>
	</head>
	<body>
		<header style="background: #005aab;" class="mui-bar mui-bar-nav head">
			<h1 style="color: #FFFFFF; letter-spacing: 4px;" class="mui-title">商品详情</h1>
		</header>
		<div class="mui-content">
			<div class="mui-slider">
			    <div class="mui-slider-group mui-slider-loop">
				    <!--支持循环，需要重复图片节点-->
				    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="../img/hua.jpg" /></a></div>
				    <div class="mui-slider-item"><a href="#"><img src="../img/hua.jpg" /></a></div>
				    <div class="mui-slider-item"><a href="#"><img src="../img/hua.jpg" /></a></div>
				    <div class="mui-slider-item"><a href="#"><img src="../img/hua.jpg" /></a></div>
				    <!--支持循环，需要重复图片节点-->
				    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="../img/hua.jpg" /></a></div>
			 	</div>
			  	<div class="mui-slider-indicator">
			    	<div class="mui-indicator mui-active"></div>
			    	<div class="mui-indicator"></div>
			    	<div class="mui-indicator"></div>
			 	</div>
			</div>
			<div class="content_contain">
				<div class="mui-content_jieshao">
					<p>精美用品精美用品精美用品精美用品精美用品精美用品精美用品精
	精美用品精美用品精美用品精美用品精美用品精美用品精美用品精</p>
				</div>
				<div class="content_contain_xuanze">
					<div class="contain_xuanze_one">
						<span style="margin-right: 6%;">价格</span>
						<a href="####">￥2870.00</a>
						<img style="float: right; margin-right: 6%;" src="../img/remai.png" />
					</div>
					<div class="contain_xuanze_two">
						<span style="margin-right: 6%;">积分</span>
						<span style="color: #ff6600; font-size: 18px; margin-right: 2%;">1390</span>
						<span style="background: #ff6600; font-size: 8px; color: #FFFFFF;">冰点价</span>
					</div>
					<div class="contain_xuanze_thire">
						<span style="margin-right: 6%;">规格</span>
						<a class="a_bg">一号</a>
						<a class="a_bg">二号</a>
						<a class="a_bg">三号</a>
					</div>
				</div>
				<select class="selc">
					<option>选择地址</option>
					<option>北京</option>
					<option>上海</option>
				</select>
				<button type="button" class="mui-btn mui-btn-primary">兑换</button>
			</div>
		</div>
	</body>
	<script src="../js/jquery1.9.1.js"></script>
	<script>
		mui.init();
		$(".a_bg").click(function(){
			$(this).addClass("actives").siblings().removeClass("actives");
		})
	</script>
</html>
